/**
* 作用：图片上传、预览功能

* 附加说明：
*   使用input:file + js 技术实现图片的上传和预览功能，base64格式预览图片
*/

function addImgPreview(){
    var dom = this.dom;
    var figureBox = $('.showImgBox'); //获取显示图片的div元素
    var input = dom.currFile;
    var showImgLen = $('.feedBackImg img').length;
    //这边是判断本浏览器是否支持这个API。
    if (typeof FileReader === 'undefined') {
//                alert("浏览器版本过低，请先更新您的浏览器~");
        dsBridge.call("showToast",{msg:"浏览器版本过低，请先更新您的浏览器~"});
        input.setAttribute('disabled', 'disabled');
    } else {
        input.change(readFile);
        //如果支持就监听改变事件，一旦改变了就运行readFile函数。
    }
    //使用FileReader读取file文件
    function readFile() {
        var file = this.files[0]; //获取file对象
        //this指的是当前点击的type=file的input标签
        //判断file的类型是不是图片类型。
        if (!/image\/\w+/.test(file.type)) {
            alert("请上传一张图片~");
            return false;
        }
        window.URL = window.URL || window.webkitURL;
        var url = URL.createObjectURL(file);
        //返回：blob:http://localhost/7328ef32-08f6-4f8e-a689-9fd02de15483
        var picLocalPath = url + '/' + file.name;
        var reader = new FileReader(); //声明一个FileReader实例
        //调用readAsDataURL方法来读取选中的图像文件
        reader.readAsDataURL(file);
        //最后在onload事件中，获取到成功读取的文件内容，并以插入一个img节点的方式显示选中的图片
        reader.onload = function(e) {
            //onload为FileReader的事件
            //this.result也可以作为图片的路径
            //将图片渲染到页面中
            var figure = $('<div class="imgBox" isDel="0" style="margin-right:0.2rem;"><span></span><img dataId="'+count+'" src="' + url + '" localPaht="'+picLocalPath+'" alt="'+file.name+'" /></div>');
            figureBox.prepend(figure);
            showImgLen++;
            if(showImgLen>=2){
                $('.feedBackImg .addImgBtn').hide();
            }else{
                $('.feedBackImg .addImgBtn').show();
            }
        }
    }
}